<template>
  <div>
    <nut-navbar @click-back="onClick" fixed>
      <template #left>
        <div>
          <Horizontal color="red" />
        </div>
      </template>
      <template #right>
        <div>
          <nut-space :gutter="30">
            <div>设置背景</div>
            <div>
              <Scan2></Scan2>
            </div>
            <div>
              <Share></Share>
            </div>
          </nut-space>
        </div>
      </template>
    </nut-navbar>
  </div>
  <div>
    <nut-row>
      <nut-col :span="24">
        <div class="content">
          <nut-skeleton width="250px" height="15px" avatar avatar-size="60px" row="1">
          </nut-skeleton>
          <div>简介</div>
          <div>关注 粉丝 获赞  编辑资料</div>
          <div>购物车 创作灵感 浏览记录</div>
        </div>
      </nut-col>
    </nut-row>
    <nut-row>
      <nut-col :span="24">
        <div class="content">
          <div><nut-navbar title-icon>
              <template #content>
                <nut-space :gutter="30">
                  <div><a href="">关注</a></div>
                  <div><a href="">发现</a></div>
                  <div><a href="">同城</a></div>
                </nut-space>
              </template>
              <template #right>
                <Search></Search>
              </template>
            </nut-navbar></div>
        </div>
        <div>
          发布
        </div>
      </nut-col>
    </nut-row>
  </div>
</template>

<script setup>
import { Horizontal, Scan2, Share,Search } from '@nutui/icons-vue'
</script>

<style></style>